/* 
    Document   : Default1
    Created on : Sep 21, 2013, 3:14:09 AM
    Author     : yoko
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	margin:0px;

}

.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFF;
	font-size:0.9em;
	background-color:#317082;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-image:url('images/bg_answer.html');
	background-repeat:no-repeat;
	background-position:top right;
	height:20px;

	/* End layout CSS */

	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #317082;
	background-color:#E2EBED;
	width:400px;

	/* End layout CSS */

	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;
	position:relative;
}
/*Registration 1*/
#bubble_tooltip{

	width:147px;

	position:absolute;

	display:none;

}

#bubble_tooltip .bubble_top{

	background-image: url('images/bubble_top.gif');

	background-repeat:no-repeat;

	height:16px;

}

#bubble_tooltip .bubble_middle{

	background-image: url('images/bubble_middle.gif');

	background-repeat:repeat-y;

	background-position:bottom left;

	padding-left:7px;

	padding-right:7px;

}

#bubble_tooltip .bubble_middle span{

	position:relative;

	top:-8px;

	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

	font-size:11px;

}

#bubble_tooltip .bubble_bottom{

	background-image: url('images/bubble_bottom.gif');

	background-repeat:no-repeat;

	background-repeat:no-repeat;

	height:44px;

	position:relative;

	top:-6px;

}

#bubble_tooltip1{

	width:147px;

	position:absolute;

	display:none;

}

#bubble_tooltip1 .bubble_top1{

	background-image: url('images/bubble_top.gif');

	background-repeat:no-repeat;

	height:16px;

}

#bubble_tooltip1 .bubble_middle1{

	background-image: url('images/bubble_middle.gif');

	background-repeat:repeat-y;

	background-position:bottom left;

	padding-left:7px;

	padding-right:7px;

}
#bubble_tooltip1 .bubble_middle1 span{

	position:relative;

	top:-8px;

	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;

	font-size:11px;

}

#bubble_tooltip1 .bubble_bottom1{

	background-image: url('images/bubble_bottom.gif');

	background-repeat:no-repeat;

	background-repeat:no-repeat;

	height:44px;

	position:relative;

	top:-6px;

}
/* Match making tip*/
.profile_block div.body {
    background-color: #FFFFFF;
    border-bottom: 1px solid #F9D6A5;
    font-size: 11px;
    padding: 15px 15px 10px 49px;
}
ul {
list-style:inside !important;


}
body, html {
    font-family: Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;
text-align:justify;
}
body a{
    font-family: Trebuchet MS,Lucida Sans Unicode,Arial,sans-serif;
	font-size:11px;


}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:248px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:0px; width:auto}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}

img.imageborder {
			display: block;
			padding:1px;
			border:solid;
			border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
			border-width: 1px 1px 1px 1px;
			background-color:white;
		}
.popupBox {

	display: none;

	position:fixed;

	width: 40%;

	left: 30%;

	top:15%;

	background:url(../images/opaqueDark.png);

	margin: 0px auto;

	z-index: 2000;

	border-radius: 8px;

	padding: 10px;

}

.popupBox > .boxheader {

	background: #6D84B4;

	border: #3B5998 1px solid; border-bottom:none;

	padding:6px;

	color:#FFF;

	font-weight:bold;

}

.popupBox > .boxbody {

	background: #FFF;

	border: #666 1px solid; border-top:none; border-bottom:none;

	padding:10px;

	color:#000;

	font-size:12px;

}

.popupBox > .boxfooter {

	background: #F2F2F2;

	border: #666 1px solid; border-top: #CCC 1px solid;

	padding:6px;

	color: #333;

	font-size:12px;

	text-align:right;

}
/**************************************/
/* VALIDATE   */
/**************************************/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
img.imageborder {
			display: block;
			padding:1px;
			border:solid;
			border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
			border-width: 1px 1px 1px 1px;
			background-color:white;
		}
                .clsTop
{
width:230px; padding:15px 30px 30px;
}
.clsList
{
width:90px;float:left; padding:0px 24px 0 0px;
}
.submenubox {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND-IMAGE: none;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-COLOR: #FFFFFF;
	box-sizing: border-box;
-moz-box-sizing: border-box;
border: 2px solid #92a6af;
}